import styled from "styled-components";

// 编写一些通用样式
export const colorRed = '#ff4d4f';
export const colorBlue = '#1890ff';
export const colorGreen = '#52c41a';
export const colorYellow = '#faad14';
export const colorPurple = '#9466ff';

interface CommonStyleProps {
	size?: number;
	hover?: string;
}

export const CommonStyle = styled.ul<CommonStyleProps>`
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #ccc;

	li{
		line-height: 30px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: ${(props: CommonStyleProps) => props.size || 14}px;
		&:hover{
			color: ${(props: CommonStyleProps) => props.hover || colorBlue};
		}
	}
`;